<?xml version="1.0" encoding="UTF-8" ?>
<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">    
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>HTML5 STUDY</title>
<script type="text/javascript">
	var c=document.getElementById("myCanvas");
	var cxt=c.getContext("2d");
	cxt.fillStyle="#FF0000";
	cxt.fillRect(0,0,150,75);
</script>
</head>
<body>

<h1>Video</h1>
<video width="320" height="240" controls="controls">
  <source src="movie.ogg" type="video/ogg"/>
  <source src="movie.mp4" type="video/mp4"/>
Your browser does not support the video tag.
</video>

<H1>Audio</H1>
<audio controls="controls">
  <source src="flower.mp3" type="audio/mpeg" controls="controls"/>
  <source src="flower.ogg" type="audio/mpeg"/>
Your browser does not support the audio tag.
</audio>

<h1>Canvas 元素</h1>
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>

<h1>email</h1>
E-mail: <input type="email" name="user_email" />


</body>
</html>